<!--
 * @Description: 第十七章（插槽slot）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-16 11:12:31
-->
<template>
  <div>
    <p>第十七章（插槽slot）</p>
    <div>
      <p>匿名插槽和具名插槽</p>
      <Dialog>
        <template v-slot:header>
          <div>
            <p>我是具名插槽，我被插入上面 太刺激了！</p>
          </div>
        </template>
        <template v-slot>
          <div>
            <p>我是匿名插槽，我被插入中间 太刺激了！</p>
          </div>
        </template>
        <template v-slot:footer>
          <div>
            <p>我是具名插槽，我被插入下面 太刺激了！</p>
          </div>
        </template>
      </Dialog>
    </div>
  </div>
</template>
<script setup lang="ts">
import Dialog from '@/components/17th/dialog/1.vue'
</script>
<style scoped></style>
